<template>
    <div>
            <h2>========= 组件注册的template模板分离写法 ==================</h2>
            <h2>1,将模板写在"type=text/x-template"的script中</h2>
            <h2>2,2，直接使用template标签</h2>
            <template id="mycomponent">
                <div>
                    <h2>我是注册组件的标题</h2>
                </div>
            </template>
    </div>
</template>

<!-- 1，将需要注册的组件的template写在这里面 -->
<!-- <script type="text/x-template" id="mycomponent">
    <div>
        <h2>我是注册组件的标题</h2>
    </div>
</script> -->

<!-- 2，直接使用template标签 -->
<!-- <template id="mycomponent">
    <div>
        <h2>我是注册组件的标题</h2>
    </div>
</template> -->

<script>
export default {
  name: 'Tem',
  data() {
    return {

    }
  },
  components:{
      cpn:'#mycomponent'
  }
}
</script>
    
